<style>
    :not(:defined) {
        display: none;
    }

    /* Force the scroll bar to appear so we see it hide when overlay opens. */
    body::-webkit-scrollbar {
        background: lightgray;
    }

    body::-webkit-scrollbar-thumb {
        background: darkgray;
    }
    #createment_container{
        background: #349ACA;
        color: #fff;
        font-size: 14px;
        width: 300px;
        height: auto;
        text-align: center;
        padding: 10px;
    }
    #createment_container h2{
        font-size: 18px;

    }
    h2{
        margin: 0;
        padding: 0;
    }
    #createment_container .item{
        display: flex;
        justify-content: space-between;
        margin: 10px 0;
    }
    #createment_container .item span{
        width: 100px;
        text-align: left;
    }
    #createment_container .item .inputcontent{
        flex: 1;
    }




    
</style>
<elix-dialog id="svg_createment" aria-label="Sample dialog" closed>
    <div id="createment_container">
        <h2>新建图元</h2>
        <div class="item">
            <span id="svginfo_type">图元类型</span>
            <select id="PrimitivesType" class="inputcontent">
               
            </select>
        </div>
        <div class="item">
            <span>图元描述</span>
             <input type="text" value="FDJ"  class="inputcontent" id="PrimitivesDesc">
        </div>
        <div id="tool_docprops_back" class="item">
            <button id="tool_prefs_save"></button>
            <button id="tool_prefs_cancel"></button>
        </div>
           
    </div>
</elix-dialog>